{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block title %}基金查询{% endblock %}

{% block page_content %}

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<style>
    *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .top{
      width: 720px;
      padding: 10px;
      border: 1px solid #e9e9e9;
    }
    .fla{
      width: 700px;
      border: 1px solid #e9e9e9;
      border-radius: 5px;
      overflow: hidden;
      display: grid;
      grid-template-columns:repeat(5, 140px);
      grid-template-rows:repeat(3, 40px);
    }
    .fla .item{
      color: #666666;
      font-size: 14px;
      border: 1px solid #e9e9e9;
      margin-left: -1px;
      margin-top: -1px;
    }
</style>

<!--form class="form-inline" action="" method="post" name="easymoney"-->
<form action="/index" method="post" name="index">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>

    <div class="form-row">

        <div class="form col-md-3">
            <label>基金类型</label>
            <select id="type_id" name="type_id" class="form-control"  style="width: 100%">
                <option value="gp">股票基金</option>
                <option value="zs">指数基金</option>
                <option value="hh">混合基金</option>
                <option value="qdii">QDII基金</option>
            </select>
        </div>

        <div class="form col-md-4">
            <label>排行前n名</label>
            <input type="text" class="form-control" id="top_num" name="top_num" placeholder="排行前n名" required/>
        </div>

        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="y" checked="checked"><b>一个月</b>
            </label>
        </div>
        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="3y" checked="checked"><b>三个月</b>
            </label>
        </div>
        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="6y" checked="checked"><b>六个月</b>
            </label>
        </div>
        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="1n" checked="checked"><b>近一年</b>
            </label>
        </div>

        <div class="form col-md-1" >
        	<button type="submit" class="btn btn-primary" name="submit1">提交</button>
        </div>


    </div>

  </form>

    <br><br>

<table class="table table-bordered">
	<caption>基金代码</caption>
	<tr>
		<td>{{ eastmoney_data }}</td>
 </tr>

</table>


<!--form class="form-inline" action="" method="post" name="sina"-->
<form action="/info" method="post" name="info">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>

    <div class="form-row">

        <div class="form col-md-3">
            <label>基金类型</label>
            <select id="type_id" name="type_id" class="form-control"  style="width: 100%">
                <option value="0">全部基金</option>
                <option value="2">股票基金</option>
                <option value="3">债券基金</option>
                <option value="1">混合基金</option>
                <option value="6">QDII基金</option>
            </select>
        </div>

        <div class="form col-md-4">
            <label>排行前n名</label>
            <input type="text" class="form-control" id="top_num" name="top_num" placeholder="排行前n名" required/>
        </div>

        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="three_month" checked="checked"><b>三个月</b>
            </label>
        </div>
        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="six_month" checked="checked"><b>六个月</b>
            </label>
        </div>
        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="form_year" checked="checked"><b>今年以来</b>
            </label>
        </div>
        <div class="form col-md-1">
            <label>
                <input type="checkbox" name="peroid" value="one_year" checked="checked"><b>近一年</b>
            </label>
        </div>

        <div class="form col-md-1" >
        	<button type="submit" class="btn btn-primary" name="sumit2">提交</button>
        </div>


    </div>

  </form>

    <br><br>

<table class="table table-bordered">
	<caption>基金代码</caption>
	<tr>
		<td>{{ sina_data }}</td>
 </tr>

</table>


<div>银行理财</div>
<div class="top">
  <div class="fla">
    <div class="item"><a href="https://www.boc.cn/fimarkets/cs8/201109/t20110922_1532694.html" target="_blank">中国银行</a></div>
    <div class="item"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201131" target="_blank">工商银行</a></div>
    <div class="item"><a href="http://ewealth.abchina.com/fs/filter/" target="_blank">农业银行</a></div>
    <div class="item"><a href="http://finance.ccb.com/cn/finance/product.html" target="_blank">建设银行</a></div>
    <div class="item"><a href="http://www.bankcomm.com/BankCommSite/zonghang/cn/lcpd/index.jsp" target="_blank">交通银行</a></div>
    <div class="item"><a href="http://www.cmbchina.com/cfweb/personal/default.aspx" target="_blank">招商银行</a></div>
    <div class="item"><a href="http://psbc.com/cn/investment/transactions/index.html" target="_blank">邮政银行</a></div>
    <div class="item"><a href="https://etrade.citicbank.com/portalweb/html/finList.html" target="_blank">中信银行</a></div>
    <div class="item"><a href="http://www.cebbank.com/site/gryw/yglc/lccp49/index.html" target="_blank">光大银行</a></div>
    <div class="item"><a href="https://per.spdb.com.cn/bank_financing/financial_product/" target="_blank">浦发银行</a></div>
    <div class="item"><a href="http://www.cmbc.com.cn/channelApp/finance/financial.jsp" target="_blank">民生银行</a></div>
    <div class="item"><a href="https://bank.pingan.com.cn/m/main/index.html" target="_blank">平安银行</a></div>
    <div class="item"><a href="http://wealth.cib.com.cn/retail/onsale/index.html" target="_blank">兴业银行</a></div>
    <div class="item"><a href="http://czbank.com/czbank/html/1977.html" target="_blank">浙商银行</a></div>
  </div>
</div>

{% endblock %}
